<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../static/css/xxx.css" />
		<script type="text/javascript" src="../../static/js/jquery-3.1.0.js"></script>
		<script type="text/javascript" src="../../static/js/xxx.js"></script>
	</head>

	<body>
		<div>
			<div class="head">
				<span>魅族后台管理页面</span>
			</div>
			<div class="left">
				<ul class="left-ul">
					<li>aaa</li>
					<li>bbb<span style="float: right;">></span></li>
					<ul class="ul-ul">
						<li>xxx</li>
						<li>xxx</li>
						<li>xxx</li>
					</ul>
					<li>ccc</li>
					<li>ddd</li>
					<li>eee</li>
					<li>fff</li>
				</ul>
			</div>
			<div class="right">
				<div class="right-head">订单查询</div>
				<hr class="hr" />
				<div class="right-middle">
					<button class="dingdan">新增</button>
					<select>
						<option>所有类别</option>
						<option>手机</option>
						<option>配件</option>
						<option>其他</option>
					</select>
					<div style="float: right;margin-right: 15px;">
						<input />
						<div class="input-div">搜索</div>
					</div>
				</div>
				<table width="100%" cellspacing="0">
					<tr>
						<th>订单编号</th>
						<th>商品</th>
						<th>商品单价</th>
						<th>商品数量</th>
						<th>商品总价</th>
						<th>收货地址编号</th>
						<th>操作</th>
					</tr>
					<tr>
						<td>1</td>
						<td>狗不理罗</td>
						<td>998</td>
						<td>1</td>
						<td>998</td>
						<td>111</td>
						<td>
							<button>修改</button>
							<button>删除</button>
						</td>
					</tr>
					<tr>
						<td>2</td>
						<td>狗不理谭</td>
						<td>98</td>
						<td>1</td>
						<td>98</td>
						<td>222g</td>
						<td>
							<button>修改</button>
							<button>删除</button>
						</td>
					</tr>
				</table>
			</div>
			<div class="add-dingdan">
					<form class="dingdan-form">
						<span>添加订单</span>
						<table>
							<tr>
								<td>订单编号:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>商品:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>商品单价:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>商品数量:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>商品总价:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>收货地址编号:</td>
								<td><input /></td>
							</tr>
						</table>
						<button>取消</button>
						<button>确定</button>
					</form>
				</div>
				<div class="add-yonghu">
					<form class="yonghu-form">
						<span>添加用户</span>
						<table>
							<tr>
								<td>id:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>用户名:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>密码:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>注册时间:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>姓名:</td>
								<td><input /></td>
							</tr>
							<tr>
								<td>手机号:</td>
								<td><input /></td>
							</tr>
						</table>
						<button>取消</button>
						<button>确定</button>
					</form>
				</div>
		</div>
	</body>

</html>